<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>航空售票网站</title>
    <link rel="stylesheet" href="css/demo.css">
</head>

<body>
<!--头部-->
<header class="head">
    <div class="out">
        <div class="logo"></div>
        <img src="./imgs/code.jpg" alt="">
    </div>
</header>
<!--导航栏-->
<div class="box">
    <div class="con">
        <div class="left">
            <a href="" class="active">首页</a>
            <a href="">国内机票</a>
            <a href="">国际机票</a>
            <a href="">民航咨询</a>
            <a href="">民航服务</a>


        </div>
        <div class="right">
            <a href="" class="login">登陆</a>
            <a href="">注册</a>
            <a href="" >用户中心</a>
            <div class="san"></div>
        </div>
    </div>
</div>
<!--热门城市-->
<div class="remen">
    <span>热门城市:</span>
    <a href="">深圳</a>
    <a href="">北京</a>
    <a href="">上海</a>
    <a href="">广州</a>
    <a href="">南京</a>
    <a href="">天津</a>
    <a href="">武汉</a>
    <a href="">长沙</a>
    <a href="">昆明</a>
    <a href="">贵阳</a>
    <a href="">成都</a>
    <a href="">重庆</a>
    <a href="">海口</a>
    <a href="">哈尔滨</a>
    <a href="">更多</a>
</div>
<!--轮播图-->
<div class="dinner">

    <div class=" din dinner1 " ></div>
    <div class=" din dinner2 "></div>
    <div class="btns">
        <div class=" btn btn1 active" ></div>
        <div class="btn btn2 "></div>
    </div>

</div>
<!--购票流程-->
<div class="piao">
    <div class="piao-left">
        <h3>购票流程:</h3>
    </div>
    <ul class="piao-right">
        <li class="start">
            <div class="icon one">

            </div>
            <div class="text">
                <div class="title">航班查询</div>
                <div class="con">选择出行航班</div>

            </div>


        </li>
        <li class="start">
            <div class="icon two">

            </div>
            <div class="text">
                <div class="title">提交订单</div>
                <div class="con">等级乘机人和联系人</div>

            </div>


        </li>
        <li class="start">
            <div class="icon three">

            </div>
            <div class="text">
                <div class="title">在线支付</div>
                <div class="con">支付机票款</div>

            </div>


        </li>
        <li class="last">
            <div class="last-left">
                <div class="icon four">

                </div>
            </div>

            <div class="text">
                <div class="title">无需取票</div>
                <div class="con">凭电子票号换登机牌</div>

            </div>


        </li>


    </ul>
</div>
<!--咨询-->
<div class="zixun">
    <div class="zixun-left">
        <ul>
            <li>
                <span class="zero"></span>
                <h3>订单管理</h3>
                <em></em>
            </li>
        </ul>
        <ul>
            <li>
                <span class="one"></span>
                <h3>支付中心</h3>

            </li>
        </ul>
        <ul>
            <li>
                <span class="two"></span>
                <h3>价格趋势</h3>

            </li>
        </ul>
        <ul>
            <li>
                <span class="three"></span>
                <h3>机票验真</h3>

            </li>
        </ul>
        <ul>
            <li>
                <span class="four"></span>
                <h3>航班动态</h3>

            </li>
        </ul>
        <ul>
            <li>
                <span class="five"></span>
                <h3>新手指南</h3>

            </li>
        </ul>
    </div>
    <div class="zixun-right">
        <div class="info1">
            <h3>
                <span>最新咨询</span>
                <a href="">更多</a>
                <div class="jian"></div>
            </h3>
            <div class="down">
                <a href="">简单了解下金鹏航空公司的购买机票流程</a>
                <a href="">简单了解下金鹏航空公司的购买机票流程</a>
                <a href="">简单了解下金鹏航空公司的购买机票流程</a>
                <a href="">简单了解下金鹏航空公司的购买机票流程</a>

            </div>
        </div>
        <div class="info2">
            <h3>
                <span>最新咨询</span>
                <a href="">更多</a>
                <div class="jian"></div>
            </h3>
            <div class="down">
                <a href="">简单了解下金鹏航空公司的购买机票流程</a>
                <a href="">简单了解下金鹏航空公司的购买机票流程</a>
                <a href="">简单了解下金鹏航空公司的购买机票流程</a>
                <a href="">简单了解下金鹏航空公司的购买机票流程</a>

            </div>
        </div>

    </div>

</div>

<!--热门航线-->
<div class="hangxian">
    <div class="out">
        <div class="daohang">
            <span>热门航线预定</span>
            <div class="right">
                <a href="javascript:;" class="active chengshi">全国</a>
                <a href="javascript:;" class="chengshi">深圳</a>
                <a href="javascript:;" class="chengshi">北京</a>
                <a href="javascript:;" class="chengshi">上海</a>
                <a href="javascript:;" class="chengshi">广州</a>
                <a href="javascript:;" class="chengshi">武汉</a>
                <a href="javascript:;" class="chengshi">成都</a>
                <a href="javascript:;" class="chengshi">海口</a>
                <a href="javascript:;" class="chengshi">重庆</a>
                <a href="javascript:;" class="chengshi">沈阳</a>
            </div>

        </div>
        <div class="feijiBox">
            <div class="feiji feijixinxi quanguo piao">
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>


            </div>
            <div class="feiji feijixinxi">
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">深圳</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>


            </div>
            <div class="feiji feijixinxi">
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">北京</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>


            </div>
            <div class="feiji feijixinxi">
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">广州</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>


            </div>
            <div class="feiji feijixinxi">
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">上海</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>


            </div>
            <div class="feiji feijixinxi">
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">武汉</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>


            </div>
            <div class="feiji feijixinxi">
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">成都</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>


            </div>
            <div class="feiji feijixinxi">
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>


            </div>
            <div class="feiji feijixinxi">
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">重庆</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>


            </div>
            <div class="feiji feijixinxi">
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">沈阳</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>
                <div class="kuai">
                    <a href="">
                        <div class="b">
                            <div class="top">
                                <span class="start">海口</span>
                                <span class="guo"></span>
                                <span class="end">郑州</span>
                            </div>
                            <div class="mid">5月15日</div>
                            <div class="down">
                                <span class="ji"></span>
                                <span class="type1">票价:</span>
                                <span class="type2">￥</span>
                                <span class="type3">150</span>
                            </div>
                        </div>
                    </a>

                </div>


            </div>
        </div>

    </div>
</div>
<!--热门航空公司-->
<div class="hangxian xin">
    <div class="out">
        <div class="daohang">
            <span>热门航空公司</span>
            <div class="deng">

            </div>

        </div>
        <div class="zhong"></div>
        <div class="outbox">
            <div class="feiji">
                <div class="kuai1">
                    <ul>
                        <li>
                            <img src="imgs/ca3.png" alt="">
                            <span class="word">中国航空公司</span>
                        </li>

                    </ul>
                    <div class="info">
                        <div class="top">
                            中国国际航空股份有限公司简称“国航”，英文名称为“Air China Limited”，简称“Air China”，其前身 中国国际航空公司成立于1988年。根据国务院批准通过的《民航体制改革方案》，2002年10月，中国国际航空公司联合中国航空总公司和中国西南航空公司，成立了中国航空集团公司，并以联合三方的航空运输资源为基础 ，组建新的中国国际航空公司
                        </div>
                        <div class="hao"></div>

                    </div>
                </div>
                <div class="kuai2">
                    <ul>
                        <li>
                            <div class="si">
                                <img src="imgs/cz3.png" alt="">
                            </div>
                            <span class="word">中国南方航空公司</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="si">
                                <img src="imgs/cz3.png" alt="">
                            </div>
                            <span class="word">中国东方航空公司</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="si">
                                <img src="imgs/cz3.png" alt="">
                            </div>
                            <span class="word">海南航空公司</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="si">
                                <img src="imgs/cz3.png" alt="">
                            </div>
                            <span class="word">深圳航空公司</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="si">
                                <img src="imgs/cz3.png" alt="">
                            </div>
                            <span class="word">四川航空公司</span>
                        </li>
                    </ul>
                    <ul>
                        <li>
                            <div class="si">
                                <img src="imgs/cz3.png" alt="">
                            </div>
                            <span class="word">春秋航空公司</span>
                        </li>
                    </ul>

                </div>

            </div>
        </div>


    </div>
</div>

<div style="width: 100%;height: 50px"></div>
<!--综合-->
<div class="zonghe">
    <div class="zonghe-one">
        <div class="head">
            <span>热门国际机场</span>
            <a href="">全球机场</a>
            <div class="jian"></div>
        </div>
        <div class="xia">
            <a href="">
                <img src="imgs/up.gif" alt="">首尔仁川机场</a>
            <a href="">
                <img src="imgs/up.gif" alt="">首尔仁川机场</a><br>
            <a href="">
                <img src="imgs/up.gif" alt="">首尔仁川机场</a>
            <a href="">
                <img src="imgs/up.gif" alt="">首尔仁川机场</a><br>
            <a href="">
                <img src="imgs/up.gif" alt="">首尔仁川机场</a>
            <a href="">
                <img src="imgs/up.gif" alt="">首尔仁川机场</a><br>
            <a href="">
                <img src="imgs/up.gif" alt="">首尔仁川机场</a>
            <a href="">
                <img src="imgs/up.gif" alt="">首尔仁川机场</a><br>
            <a href="">
                <img src="imgs/up.gif" alt="">首尔仁川机场</a>
            <a href="">
                <img src="imgs/up.gif" alt="">首尔仁川机场</a><br>
            <a href="">
                <img src="imgs/up.gif" alt="">首尔仁川机场</a>
            <a href="">
                <img src="imgs/up.gif" alt="">首尔仁川机场</a><br>
        </div>
    </div>
    <div class="zonghe-one">
        <div class="head">
            <span>最新客户咨询</span>
            <a href="">更多</a>
            <div class="jian"></div>
        </div>
        <div class="xia">
            <h1>2019/5/17 23:34:30</h1>
            <a href="">
                <img src="imgs/up.gif" alt="">怀孕30周可以坐飞机吗，还需要什么东西吗</a><br>
            <h1>2019/5/17 23:34:30</h1>
            <a href="">
                <img src="imgs/up.gif" alt="">你好怀孕7个月需要办理什么证明吗</a><br>
            <h1>2019/5/17 23:34:30</h1>
            <a href="">
                <img src="imgs/up.gif" alt="">你好怀孕7个月需要办理什么证明吗</a><br>
            <h1>2019/5/17 23:34:30</h1>
            <a href="">
                <img src="imgs/up.gif" alt="">你好怀孕7个月需要办理什么证明吗</a><br>
        </div>
    </div>
    <div class="zonghe-three">
        <div class="head">
            <span>国际特价</span>
            <div class="guoji">
                <div class="one">美洲</div>
                <div class="">亚洲</div>
                <div class="">欧洲</div>
            </div>

        </div>
        <div class="xia">
            <div class="kuai">
                <div class="b">
                    <div class="top">
                        <span class="start">海口</span>
                        <span class="guo"></span>
                        <span class="end">郑州</span>
                    </div>
                    <div class="mid">5月15日</div>
                    <div class="down">
                        <span class="ji"></span>
                        <span class="type1">票价:</span>
                        <span class="type2">￥</span>
                        <span class="type3">150</span>
                    </div>
                </div>
            </div>
            <div class="kuai">
                <div class="b">
                    <div class="top">
                        <span class="start">海口</span>
                        <span class="guo"></span>
                        <span class="end">郑州</span>
                    </div>
                    <div class="mid">5月15日</div>
                    <div class="down">
                        <span class="ji"></span>
                        <span class="type1">票价:</span>
                        <span class="type2">￥</span>
                        <span class="type3">150</span>
                    </div>
                </div>
            </div>
        </div>
    </div>


</div>

<!--安全-->
<div class="bottomTop">
    <div class="bigItem">
    <div class="bottomItem">
        <div class="bottomIcon one"></div>
        <h3 class="top">支付安全</h3>
        <h3 class="down">在线支付100%认证</h3>
    </div>
    <div class="bottomItem">
        <div class="bottomIcon two"></div>
        <h3 class="top">实时同步</h3>
        <h3 class="down">全球机票联网售票</h3>
    </div>
    <div class="bottomItem">
        <div class="bottomIcon three"></div>
        <h3 class="top">全天服务</h3>
        <h3 class="down">7*24小时专业客服为你服务</h3>
    </div>
    <div class="bottomItem">
        <div class="bottomIcon four"></div>
        <h3 class="top">方便快捷</h3>
        <h3 class="down">电子客票，身份证直接换登机牌</h3>
    </div>
    </div>
</div>

<div class="bottomDown">
    <div class="down">
        <div class="one">
            <h3>新手上路</h3>
            <a href="">-查询预定</a><br>
            <a href="">-订单填写</a><br>
            <a href="">-支付出票</a><br>
        </div>
        <div class="one">
            <h3>新手上路</h3>
            <a href="">-查询预定</a><br>
            <a href="">-订单填写</a><br>
            <a href="">-支付出票</a><br>
        </div>
        <div class="one">
            <h3>新手上路</h3>
            <a href="">-查询预定</a><br>
            <a href="">-订单填写</a><br>
            <a href="">-支付出票</a><br>
        </div>
        <div class="one">
            <h3>新手上路</h3>
            <a href="">-查询预定</a><br>
            <a href="">-订单填写</a><br>
            <a href="">-支付出票</a><br>
        </div>
        <div class="one">
            <h3>新手上路</h3>
            <a href="">-查询预定</a><br>
            <a href="">-订单填写</a><br>
            <a href="">-支付出票</a><br>
        </div>
        <div class="two">
            <div class="two_div">
                <h3 class="two_div_one">服务热线</h3>
                <div class="two_div_two"></div>
                <div class="sou">
                    <input class="sou-left" type="text" value="请输入关键字">
                    <input class="sou-right" type="submit" value="搜索">
                </div>
            </div>
        </div>

    </div>
</div>

<!--底部-->
<div class="foot">
    <div class="foot-head">
        <div class="foot-head-left"> <div>© 2019 http://www.161580.com 民航在线</div>
            <div>丨</div>
            <a href="">沪ICP备12008257号-2</a></div>
        <div class="foot-head-right">
            <a href="">联系我们</a>
            <div>丨</div>
            <a href="">合作伙伴</a>
            <div>丨</div>
            <a href="">诚征精英</a>
            <div>丨</div>
            <a href="">用户建议</a>


    </div>
    </div>
    <div class="down">
        <a href="">
            <img src="imgs/guo.jpg" alt="">
        </a>
    </div>
</div>

<div class="di">
    <div class="di_top">
        <div>161580官方网站：</div>

        <a href="">161580.com</a>
        <div>| 全国统一服务热线：4000-161580  |</div>
        <a href="" class="zi">在线咨询</a>
    </div>
    <div class="di-mid">
        161580网成立于2009年5月，飞机票网上订票官网提供在线机票查询及预订服务：
        飞机票查询、飞机票预订、航班时刻查询、全球机场指南。通过互联网、
        电话呼叫中心以及无线技术为主，整合全国机场进出港航班实时售票系统，
        围绕客户提供方便快捷的在线飞机票预订服务的电子商务网站。
        订火车票上12306订机票最便宜的网站，上中国民航机票网。
        </div>
    <div class="di-bottom">
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp友情链接QQ434441778:<br>

        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp美国旅游|韩国旅游攻略|订机票最便宜的网站|北京旅行社|打折机票|酒店加盟代理|爱侣游网|
        杭州户外俱乐部|四喜居门票网|深圳国旅|澳洲自由行|汽车票预定|四川青年旅行社|百程旅行网|
        重庆青年旅行社|俄罗斯旅游|美国旅游|深圳旅游论坛|重庆中国青年旅行社|青岛崂山|长岛旅游|
        南宁旅行社|青驿

    </div>
</div>


</body>
<script>
    var banner = document.querySelectorAll(".din");
    var btns = document.querySelectorAll(".btn");
    var num=0;
    setInterval(function () {
        if (num == 2) {
            num = 0;
        }else{
            for (var i = 0; i < banner.length; i++) {
                banner[i].style.display = "none"
                btns[i].style.background="#000"
            }
            banner[num].style.display = "block";
            btns[num].style.background="orange"
            num++
        }
    },3000)

</script>

<script>
    var chengshi = document.querySelectorAll(".chengshi");
    var piao = document.querySelectorAll(".feijixinxi");
    console.log(piao.length);
    console.log(chengshi.length);

    for(var i=0;i<chengshi.length;i++){
        chengshi [i].index=i;
        chengshi[i].onclick=function(){
            for(var i=0;i<chengshi.length;i++){
                chengshi[i].style.color="#555555";
                chengshi[i].style.backgroundColor="#ffffff";
                chengshi[i].style.borderBottom="none";
                piao[i].style.display="none";
            };
            chengshi[this.index].style.color="#3b8de3";
            chengshi[this.index].style.backgroundColor="#c8e3fc";
            chengshi[this.index].style.borderBottom="2px solid #137cfc";
            piao[this.index].style.display="block";
        };
    };








</script>
</html>
